<template>
    <div class="problem">
        <ul class="systems faq-ul">
            <li class="clearfix one" data-system="tech" @click="showSelect(0)">
                1.登录绑定问题
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-chevronright"></use>
                </svg>
            </li>
            <li class="clearfix two" data-system="dh" @click="showSelect(1)">
                2.代理商问题
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-chevronright"></use>
                </svg>
            </li>
            <li class="clearfix three" data-system="kd" @click="showSelect(2)">
                3.积分奖励问题
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-chevronright"></use>
                </svg>
            </li>
            <li class="clearfix four" data-system="tt" @click="showSelect(3)">
                4.提现问题
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-chevronright"></use>
                </svg>
            </li>
            <li class="clearfix five" data-system="hg" @click="showSelect(4)">
                5.商城使用问题
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-chevronright"></use>
                </svg>
            </li>
            <li class="clearfix six" data-system="hg" @click="showSelect(5)">
                6.物流问题
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-chevronright"></use>
                </svg>
            </li>
        </ul>
    </div>
</template>
<script>
    export default {
        /**
         * 常见问题
         */
        name: "problem",
        data() {
            return {
                state1: false
            };
        },
        created() {
        },
        methods: {
            showSelect(num) {
                //    显示状态
                this.$router.push({
                    name: 'problem_detail',
                    query: {
                        type: num
                    }
                });
            }
        },

    };
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
    @import '~assets/main.styl'
    .systems {
        li {
            background-color: white;
            flex-x()
            line-height: vw(50);
            margin-top: 1px;
            word-vw(14px, gray3)
            padding: 0 cellPadding
        }
        .icon {
            fill gray9
            width 3.2vw
            height 3.2vw
        }

    }
</style>